-
Notifications
You must be signed in to change notification settings - Fork 1
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[feat] Implement state filter and multi select filters #27
base: main
Are you sure you want to change the base?
[feat] Implement state filter and multi select filters #27
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
looking amazing!
ik we talked about styling stuff / resizing of the buttons, but i honestly wouldn't worry too much about it. after the 2 comments i left are addressed, we're ready to merge!
fcc6aef
to
7be66e3
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
looking great! a couple things
- styling of the "Search Plants" button (lower priority, can be pushed to later)
- making use of the label/values in MultiSelectDropdown
@@ -0,0 +1,14 @@ | |||
import styled from 'styled-components'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
app/seasonal-planting-guide/page.tsx
Outdated
HeaderContainer, | ||
PageContainer, | ||
StateOptionsContainer, | ||
} from './styles'; | ||
|
||
const SeasonalPlantingGuide = () => { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
to be consistent with the rest of the codebase, this should be
export default const SeasonalPlantingGuide
}: FilterDropdownProps) { | ||
return ( | ||
<MultiSelect | ||
options={options.map(option => ({ label: option, value: option }))} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
let's actually map labels to the corresponding SeasonEnum values
components/SearchBar/SearchBar.tsx
Outdated
@@ -0,0 +1,23 @@ | |||
import React from 'react'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
this file should be renamed to index.tsx
What's new in this PR 🧑🌾
Description
Screenshots
How to review
Next steps
Relevant links
Online sources
https://linear.app/trap-garden/issue/TG-26/implement-state-filter-and-multi-select-filters
Related PRs
CC: @ccatherinetan